<template>
  <div class="mainTar">
    <!--主体内容-->
    <div class="mainTop">
      <el-tabs v-model="active">
        <el-tab-pane label="精选问题"/>
        <el-tab-pane label="付费问题"/>
        <el-tab-pane label="最新问题"/>
        <el-tab-pane label="待回答"/>
      </el-tabs>
      <asklist :active="active"/>
    </div>
    <!--右侧边栏-->
    <sidebar/>
  </div>
</template>

<script>
import sidebar from './sidebar.vue'
import asklist from './list.vue'
export default {
  name: 'MainCon',
  components: {
    sidebar, asklist
  },
  data() {
    return {
      active: 0,
      tabData: []
    }
  }
}
</script>
<style lang="scss" scoped>
@media only screen and (min-width: 1024px){
  .mainTar {
      width: 100%;
      position: relative;
      max-width: 1160px;
      zoom: 1;
      margin: 0 auto;
  }
}
.mainTar {
  display: flex;
  .mainTop {
    width: 800px;
    margin-top: 20px;
  }
}
</style>
